<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>注册-人人自由</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../styles/customCss/bootstrap-theme.min.css" />
		<!-- 导航菜单栏右侧点击滑入 -->
		<!-- 用户样式 -->
		<script type="text/javascript" src="../../javascript/adminJs/jquery.min.js"></script>
		
	</head>
	<body>
		<jsp:include page="top.jsp"></jsp:include>
		<div class="container-fluid" style=" background:#fff; height:655px;">
		<form id="userRegistForm">
		<input type="hidden" name="randomString" id="randomString" value=""/>
        <input type="hidden" name="type" id="type" value="syslogin"/>
		<div class="regBox">
			<div class="login_cont">
				<ul class="login">
					<li><span class="reg_item">
						<i>*</i>用户名：</span>
						<div class="input_item">
							<input  placeholder="请输入用户名" name="userName" id="userName" value="" type="text" class="login_input user_icon">
						</div>
						<div id="user_ts1">*用户名由字母，数字，<br/>下划线组成(长度不小于3位)</div>
						<div id="user_ts2">*用户名不能为空</div>
					</li>
					<li><span class="reg_item">
						<i>*</i>密码：</span>
						<div class="input_item">
							<input  placeholder="请输入密码" name="passWord" id="passWord" value="" type="password" class="login_input user_icon">
						</div>
						<div id="pass1_ts1" class="Tishibox">*长度为6-16个字符<br/>*不能包含空格<br/>*不能是9位以下纯数字</div>
						<div id="pass1_ts2" class="Tishibox">*密码不能为空</div>
					</li>
					
					<li><span class="reg_item">
						<i>*</i>重复密码：</span>
						<div class="input_item">
							<input  placeholder="请再次输入密码" name="rePassword" id="rePassword" type="password" class="login_input user_icon">
						</div>
						<div id="pass2_ts1">*请再次填写密码</div>
						<div id="pass2_ts2">*重复密码不能为空</div>
					</li>
					<li><span class="reg_item">
						<i>*</i>验证码：</span>
						<div class="input_yanzhen">
							<input name="authCode" id="authCode" type="text" placeholder="请输入验证码" class="login_input user_icon">
							<img id="authCodeImg" class="yanzheng" alt="验证码" src=""  width="0" height="0" onclick="randomImg()" 
	                    	style="margin-left: 5px;margin-top: 5px;height: 22px;width: 66px;"/>
	                    	<span style="font-size: 12px;"><a class="" href="javascript:;" onclick="randomImg()" >点击换一张</a></span>
						</div>
					</li>
					<li>
						<input id="userRegistBtn"  data-loading-text="注册中..." class="reg_btn" type="button" value="立即注册">
						
					</li>
				</ul>
				<a class="log_link" href="login"></a>
			</div>
		</div>
		</form>
		</div>
		
		<jsp:include page="bottom.jsp"></jsp:include>
		
		<script type="text/javascript" src="../../javascript/adminJs/commonFunc.js"></script>
		<script type="text/javascript" src="../../javascript/customJs/userRegist.js"></script>
	</body>
		 
</html>